<#include "/lib/blog_lib.html"/>
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <link rel="apple-touch-icon" sizes="76x76" href="${request.contextPath}/assets/img/apple-icon.png">
    <link rel="icon" type="image/png" href="${request.contextPath}/favicon.ico">

    <title>重庆房屋出租咨询有限公司</title>
    <meta name="keyword" content="重庆房屋出租咨询有限公司,箭乔,上海,投资" />
    <meta name="description" content="重庆房屋出租咨询有限公司是公司秉承开放、分享、创新、担当的理念。为各新老客户提供最优质的服务，为金融生态圈的发展，贡献自己的力量。
　　因为专注，所以专业，上海箭乔拥有专业的团队百余人，致力于全国私募基金业，通过率高、效率高、为您的事业保驾护航。箭乔，随时随地，好牌照！ " />
    <link href="${request.contextPath}/bootstrap3/css/bootstrap.css" rel="stylesheet" />
    <link href="${request.contextPath}/assets/css/demo.css" rel="stylesheet" />
    <link href="${request.contextPath}/assets/css/index.css" rel="stylesheet" />


    <link href="${request.contextPath}/css/vendor.css" rel="stylesheet">
    <link href="${request.contextPath}/css/main.css" rel="stylesheet">
    <!--     Font Awesome     -->
    <link href="${request.contextPath}/bootstrap3/css/font-awesome.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!--[if IE]>
    <style>
        .carousel-control .fa, .carousel-control .icon-prev, .carousel-control .icon-next {
            margin-left: 105px;
        }
        .carousel-control.left, .carousel-control.right {
            filter: none;
        }
    </style>
    <![endif]-->
    <style>
        /* IE10+ */
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
            /* IE10+ CSS styles go here */
            .carousel-control .fa, .carousel-control .icon-prev, .carousel-control .icon-next {
                margin-left: 105px;
            }
        }
    </style>
</head>

<body>
<!--导航菜单-->
<nav id="navbar" class="navbar navbar-fixed-top">
<@nav_menu/>
</nav>
<!--banner大图-->
<div id="carousel" style="margin-top: 135px;">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="max-height: 600px;">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class=""></li>
            <li data-target="#carousel-example-generic" data-slide-to="1" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner">
            <#list banners as banner>
                <#if banner_index ==0>
                    <div class="item active">
                        <#else>
                            <div class="item">
                </#if>
                    <a href="${banner.bannerUrl}">
                        <img src="${banner.bannerImg}" alt="重庆房屋出租咨询有限公司" alt="Awesome Image">
                    </a>
                </div>
            </#list>
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
            <span class="fa fa-angle-left"></span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
            <span class="fa fa-angle-right"></span>
        </a>
    </div>
</div>

<div class="main">
    <div class="container">
        <!--产品中心-->
        <div class="row box">
            <div class="box-heading bottom-title">
                <h3 class="box-title">
                    <strong>房源信息</strong>
                    <a href="#" class="pull-right more"></a>
                </h3>
            </div>
            <div class="box-body product">
                <div id="slide" class="carousel slide">
                    <div class="carousel-inner">
                        <#list products as product>
                            <#if product_index==0>
                                <div class="product-1 item active">
                            <#else>
                                <div class="product-1 item">
                            </#if>
                            <#list product as p>
                                <#assign pImg=p.productImg?split("|")>
                                <div>
                                    <div>
                                        <img src="/${pImg[0]!}" alt="重庆房屋出租咨询有限公司" width="370px" height="290px" alt="">
                                    </div>
                                    <div>
                                        <span>房屋信息: ${p.productName!}</span> <br>
                                        <span>房屋地址: ${p.city!}</span> <br>
                                        <span>房屋价格: ${p.regCapital!}元</span> <br>
                                        <span>房屋年限: ${p.regDate!}</span> <br>
                                        <span>房屋面积: ${p.operatingPeriod!}</span> <br>
                                        <span style="width: 380px;display: inline-block">房屋优势:<#assign content = p.advantage!>
                                            <#if content?length &gt; 100>
                                                ${content?substring(0, 100)}[...]
                                                <#else>${content}
                                            </#if>
                                        </span> <br>
                                    </div>
                                    <div class="pull-right">
                                        <p style="margin-bottom: 100px"><i class="glyphicon glyphicon-calendar"></i>${p.gmtCreate?date}</p>
                                        <br>
                                        <a href="/product/ ${p.id!}" class="pull-right selectDetails">查看详情</a>
                                        <div class="clearfix"></div>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                             </#list>
                                </div>
                        </#list>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</div>
<div style="background: #ffffff url('/img/pattern-white.png');min-width: 1200px;">
    <div class="container">
        <div class="tellMeTitle" style="padding-top: 30px;margin-bottom: 0px">
            <h2 style="margin-top: 0">出租求租信息</h2>
            <div class="devider"></div>
            <p class="subtellMeTitle">Dynamic information</p>

        </div>
        <!--新闻行业资讯-->
        <div class="row news-about">
            <div class="col-xs-6">
                <div class="box new">
                    <div class="bottom-title box-heading">
                        <h3 class="box-title">
                            求租信息
                            <a href="/article.html" class="pull-right more"></a>
                        </h3>
                    </div>
                    <div class="box-body">
                        <ul>
                            <#list news as item>
                                <li>
                                    <#if item_index == 0>
                                        <img src="${item.articleImg!}" alt="求租信息" class="img-responsive" style="width: 100%;" alt="">
                                    </#if>
                                    <div style="margin-top: 10px">
                                        <a href="/article/${item.id!}.html">${item.articleTitle!}</a>
                                        <span class="pull-right">${item.gmtCreate?date}</span>
                                    </div>
                                    <div class="new-content" style="height: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;">
                                        <#assign content = item.articleContent?replace("<[^>]*>", "", "r")?replace(" ", "")?replace("&nbsp;", "")>
                                        <#if content?length &gt; 75>
                                            ${content?substring(0, 75)}[...]
                                            <#else>
                                                ${content}
                                        </#if>
                                    </div>
                                </li>
                            </#list>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-xs-6">
                <div class="box new">
                    <div class="bottom-title box-heading">
                        <h3 class="box-title">
                            出租信息
                            <a href="/article.html" class="pull-right more"></a>
                        </h3>
                    </div>
                    <div class="box-body">
                        <ul>
                            <#list industrys as item>
                                <li>
                                    <#if item_index == 0>
                                        <img src="${item.articleImg!}"  alt="出租信息" class="img-responsive" style="width: 100%;" alt="">
                                    </#if>
                                    <div style="margin-top: 10px">
                                        <a href="/article/${item.id!}.html">${item.articleTitle!}</a>
                                        <span class="pull-right">${item.gmtCreate?date}</span>
                                    </div>
                                    <div class="new-content" style="height: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;">
                                        <#assign content = item.articleContent?replace("<[^>]*>", "", "r")?replace(" ", "")?replace("&nbsp;", "")>
                                        <#if content?length &gt; 75>
                                            ${content?substring(0, 75)}[...]
                                            <#else>
                                                ${content}
                                        </#if>
                                    </div>
                                </li>
                            </#list>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="tellMe">
    <div class="cover">
    <div class="container">
       <div class="tellMeTitle">
            <h2 style="margin-top: 0">客户留言</h2>
            <div class="devider"></div>
            <p class="subtellMeTitle">All to contact us</p>
        </div>
        <div class="col-xs-6">
            <div class="tellMe-box">
                <div class="form-group">
                   <input id="name" type="text" class="form-control input-lg" placeholder="姓名" value="姓名" required="" onFocus="if(this.value=='姓名') this.value = ''"
                          onBlur="if(this.value=='') this.value='姓名'">
                </div>
                <div class="form-group">
                    <input id="phone" type="text" class="form-control input-lg" placeholder="电话" value="电话" required="" onFocus="if(this.value=='电话') this.value = ''"
                           onBlur="if(this.value=='') this.value='电话'">
                </div>
                <div class="form-group">
                    <textarea id="comment-content" class="form-control input-sm" rows="5" placeholder="内容"  required=""onFocus="if(this.value=='内容') this.value = ''"
                              onBlur="if(this.value=='') this.value='内容'">内容</textarea>
                </div>
                <button id="addComment" type="button" class="btn" style="border-color: #2A2A2A;border-radius: 0">Send</button>
                <p id="showResult" style="display: none">感谢您的留言，稍后我们将会联系您</p>
            </div>
        </div>
        <div class="col-xs-6">
            <div class="tellMe-show">
                <div class="tellme-show-title">
                    <div class="button">
                        <ul>
                            <li class="r" id="btn_shop_prev1">&nbsp;</li>
                            <li id="btn_shop_next1">&nbsp;</li>
                        </ul>
                    </div>
                    客户眼中的我们  <span style="color: #F6503A;">客户的满意就是我们的满意</span>
                </div>
                <div class="tellme-content">
                    <ul>
                        <#list comments as comment >
                            <li>
                                <p>
                                    ${comment.comment}
                                </p>
                                <span style="color: #F6503A;padding-left: 48px;">非常感谢，${comment.name?substring(0, 1)}先生</span>
                            </li>
                            <#if comment_index==3>
                                <#break>
                            </#if>
                        </#list>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    </div>
</div>
<@footer/>
</body>
<script src="${request.contextPath}/js/jquery-1.10.2.js" type="text/javascript"></script>
<script src="${request.contextPath}/assets/js/jquery-ui-1.10.4.custom.min.js" type="text/javascript"></script>
<script src="${request.contextPath}/bootstrap3/js/bootstrap.js" type="text/javascript"></script>
<script src="${request.contextPath}/assets/js/gsdk-bootstrapswitch.js"></script>
<script src="${request.contextPath}/assets/js/get-shit-done.js"></script>
<script src="${request.contextPath}/assets/js/custom.js"></script>
<script src="${request.contextPath}/js/plugins.js"></script>
<script type="text/javascript">
    window.onscroll=function(){
        var sl=-Math.max(document.body.scrollLeft,document.documentElement.scrollLeft);
        document.getElementById('navbar').style.left=sl+'px';

    };
    $(function () {
        var product = [
            <#list products12 as item>
                ['<div class="text" style="padding: 5px 0;"><p>恭喜  <#if item.productName?length &gt; 12><span style="text-align: center;width: 175px;display: inline-block;">${item.productName?substring(0, 12)}</span> <#else><span style="text-align: center;width: 175px;display: inline-block;">${item.productName}</span></#if>    <span style="float: right;">转让成功</span></p></div>'],
            </#list>
        ];
        for (var i = 0; i <= 12; i++) {
            $(".product-content").append(product[i])
        }
        var content = 0;
        function Product() {
            if (product.length >= 9) {
                $(".product-content > div:first").remove();
                $(".product-content").append(product[content])
                content++;
                if (content == product.length) {
                    content = 0;
                }
            }
        }
        setInterval(Product,1000);
        $("#slide").carousel({
            interval: 3000,
        })
        var left = 0;
        $("#btn_shop_prev1").click(function () {
            left= left-470;
            if(left<=-1880){
                left = 0;
                $(".tellme-content ul").css("left","0px")
            }else{
                $(".tellme-content ul").css("left",left+"px")
            }
        })
        $("#btn_shop_next1").click(function () {
            left= left+470;
            if(left>=470){
                left = 1410;
                $(".tellme-content ul").css("left","-1410px")
            }else{
                $(".tellme-content ul").css("left",left+"px")
            }
        })
        setInterval(function () {
            left= left-470;
            if(left<=-1880){
                left = 0;
                $(".tellme-content ul").css("left","0px")
            }else{
                $(".tellme-content ul").css("left",left+"px")
            }
        },3500)

        $("#slide").carousel('cycle');

    })
    /*
     客户留言
     */
    $("#addComment").click(function () {
        var result = true;
        var param = {
            name:$("#name").val(),
            phone:$("#phone").val(),
            comment:$("#comment-content").val()
        }
        if($("#name").val()=="姓名" || $("#name").val()==null){
            result = false;
        }else if($("#phone").val()=="电话" || $("#phone").val()==null){
            result = false;
        } else if($("#comment-content").val()=="内容" || $("#comment-content").val()==null){
            result = false;
        }
        console.log(result)
        if(result){
            $.post("/comment/addComment",param,function (data) {
                $("#showResult").css("display","block");
            })
        } else {
            return;
        }

    })
</script>
<script>
    /* ------------------------------------------------------
     * Animations
     * ------------------------------------------------------ */
    if (!$("html").hasClass('no-cssanimations')) {

        $('.animate-this').waypoint({

            handler: function(direction) {

                var defAnimationEfx = "fadeInUp";

                if ( direction === 'down' && !$(this.element).hasClass('animated')) {

                    $(this.element).addClass('item-animate');

                    setTimeout(function() {

                        $('body .animate-this.item-animate').each(function(ctr) {

                            var el = $(this),
                                animationEfx = el.data('animate');

                            if (animationEfx === null || animationEfx === undefined || animationEfx.trim() === "") {
                                animationEfx = defAnimationEfx;
                            }

                            setTimeout( function () {
                                el.addClass(animationEfx + ' animated');
                                el.removeClass('item-animate');
                            }, ctr * 50);

                        });

                    }, 500);

                }

                // trigger once only
                this.destroy();

            },
            offset: '95%'

        });
    }
</script>
</html>